<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <title>
        </title>
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0-alpha.1/jquery.mobile-1.2.0-alpha.1.min.css" />
        <link rel='stylesheet' href='css/iosslider.css'>
        <link rel="stylesheet" href="./my.css" />
        <style></style>
        <script src="https://maps.google.com/maps/api/js?sensor=true"></script>
        <script src="http://code.jquery.com/jquery-latest.js"></script>
        <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.2.0-alpha.1/jquery.mobile-1.2.0-alpha.1.min.js"></script>
		<script type="text/javascript" src="js/jquery.iosslider.js"></script>
		<!--script type="text/javascript" src="js/MapKit.js"></script-->
        <script src="./cordova-2.0.0.js"></script>
        <script src="./my.js"></script>
		<script src="./EventToPhp.js"></script>
    </head>
    <body>
 		<!-- Agent Bro background-color: #2d3a28; border: 1px solid #b8b8b8;-->
<div data-role="page" id="page1">
	<div data-role="content" style="padding: 10px">
		<div style="width: 100%; height: 109px; position: relative; " align="center">
			<img src="./images/BOR.png" alt="image" />
		</div>
		<div>
			<span data-mce-bogus="1" id="_mce_caret">
				<span data-mce-bogus="1"></span>
			</span>
			<p style="text-align: center; " data-mce-style="text-align: center;" align="center">
            	<strong>Please select from the options below:</strong>
			</p>
		</div>
		<a data-role="button" data-transition="slide" href="#page4" class="ListSearchAgent" id="Page1ToPage4">I have an agent</a>
		<a data-role="button" data-transition="slide" href="#page5" id="BtNotAgent">I do not have an agent</a>
	</div>
	<!--div data-role="tabbar" data-theme="a" class="app-footer">
		<ul>
			<li><a href="#page7" data-theme="" data-icon="">More</a></li>
			<li><a href="#" data-theme="" data-icon="">Insurance</a></li>
			<li><a href="#" data-theme="" data-icon="">Mortgage</a></li>
		</ul>
	</div-->
</div>



<!-- CHOOSE AGENT -->
<div data-role="page" id="page5">
	<div data-theme="a" data-role="header" data-position="fixed">
		<a data-role="button" data-transition="slide" href="#page1" class="ui-btn-left">Back</a>
		<h3></h3>
	</div>
	<div data-role="content" style="padding: 15px">
		<div style="width: 100%; height: 109px; position: relative; " align="center">
                <img src="./images/BOR.png" alt="image" />
        </div>
		<div>
			<p style="text-align: center; " data-mce-style="text-align: center;" align="center">
            	<strong>Please select from the options below:</strong>
			</p>
		</div>
		<a data-role="button" data-transition="slide" href="#page4" class="ListSearchAgent" id="Page5ToPage4">View agents profile</a>
		<a data-role="button" data-transition="slide" href="#" id="BtRandomAgent" class="ui-link-inherit AgentSelect">Choose one for me at random</a>
	</div>
	<!--div data-role="tabbar" data-theme="a" class="app-footer">
		<ul>
			<li><a href="#page7" data-theme="" data-icon="">More</a></li>
			<li><a href="#" data-theme="" data-icon="">Insurance</a></li>
			<li><a href="#" data-theme="" data-icon="">Mortgage</a></li>
		</ul>
	</div-->
</div>



<!-- SEARCH AGENT -->
<div data-role="page" id="page4">
	<div data-theme="a" data-role="header" data-position="fixed">
		<h3>Search</h3>
		<a data-role="button" data-transition="slide" href="#page1" class="ui-btn-left" id="Page4Back">Back</a>
	</div>

<div data-role="content" style="padding: 10px">
<div data-role="content">
<!--fieldset data-role="controlgroup"-->
<label for="searchinput1">
</label>
<input id="searchinput1" placeholder="" value="" type="search" />
<!--/fieldset-->
</div>
<ul data-role="listview" data-divider-theme="b" data-inset="true" id="SearchAgentList" >
<!--li data-role="list-divider" role="heading">A</li>
<li data-theme="c"><a href="#" data-transition="slide">Kevin Adams</a></li>
<li data-theme="c"><a href="#page6" data-transition="slide">Amelia Ahne</a></li>
<li data-role="list-divider" role="heading">B</li>
<li data-theme="c"><a href="#page6" data-transition="slide">Sabastion Battaglia</a></li>
<li data-role="list-divider" role="heading">C</li>
<li data-theme="c"><a href="#page6" data-transition="slide">Harold Cannily</a></li-->
</ul>
</div>

<!--div data-role="tabbar" data-iconpos="left" data-theme="a" class="app-footer">
<ul>
<li><a href="#page7" data-theme="" data-icon="">More</a></li>
<li><a href="#" data-theme="" data-icon="">Insurance</a></li>
<li><a href="#" data-theme="" data-icon="">Mortgage</a></li>
</ul>
</div-->
    <!--div data-theme="a" data-role="footer" data-position="fixed" class="app-footer">
		<div data-role="navbar" data-iconpos="top">
            <ul>
                <li><a href="#page7" data-theme="" data-icon="">More</a></li>
                <li><a href="#" data-theme="" data-icon="">Insurance</a></li>
                <li><a href="#" data-theme="" data-icon="">Mortgage</a></li>
            </ul>
        </div>
    </div-->
</div>


<!--********* HOME *********-->
<div data-role="page" id="page6">
<div data-theme="a" data-role="header" data-position="fixed">
</div>

<div data-role="content" style='padding:10px'>
  <div style="width: 100%; height: 80px; position: relative; " align="center">
                    <img src="./images/BOR.png" alt="image" />
              </div>
<div data-role="navbar">
<ul>
<li><a href="#page6" data-theme="" class="ui-btn-active ui-state-persist" id="SearchSlae">For Sale</a></li>
<li><a href="#page6" data-theme="">To Rent</a></li>
</ul>
</div>

<div data-role="contain">
<!--fieldset data-role="controlgroup"-->
<label for="searchinput3">
</label>
<input id="searchinput3" placeholder="Zip Code or Location" value="" type="search" />
<!--/fieldset-->
</div>

<div data-role="controlgroup">
<a data-role="button" data-transition="slide" data-theme="b" href="#page10" data-icon="search" data-iconpos="left" class="ListLocationSearch" id="P6SearchBtn">Search</a>

<a data-role="button" data-transition="slide" data-theme="b" href="#page15" data-icon="search" data-iconpos="left" id="BtNearMe">Search properties near me</a>
<a data-role="button" data-transition="slide" href="#" id="BtOpenHouseSearch">Open House</a>
<a data-role="button" data-transition="slide" href="#page10" id="BtFavoritesSearch">Favorites</a>
<a data-role="button" data-transition="slide" href="#page9" id="BtAdvancedSearch">Advanced Search</a>
<a data-role="button" data-transition="slide" data-theme="a" href="#page11" class="AgentDetailBtn" id="P6AgentBtn">Agent details</a>
</div>
</div>
<div data-role="tabbar" data-theme="b" class="app-footer">
<center>
<div data-role="controlgroup" data-type="horizontal" style="width:95%">
<ul> 
<a href="#page7" data-theme="b" data-icon="" data-role="button" style="border:1px solid #000000">More</a>
<a href="http://affiliate-center.bankrate.com/Widgets/mortgage/affiliate-mortgage-rate.aspx?Partner=fcctest&Key=abc123&LoanAmount=165000&Width=100&Height=100&ZipCode=&Product=1" data-theme="b" data-icon="" data-role="button" style="border:1px solid #000000">Mortgage Calculator</a>
</ul>
</div></center>
</div><!-- .app-footer -->
</div>

<!--********* ADVANCED SEARCH *********-->
<div data-role="page" id="page9" class='advanced-search'>
<div data-theme="a" data-role="header" data-position="fixed">
<a data-role="button" data-transition="slide" href="#page6" class="ui-btn-left">Back</a>
<h3>Properties</h3>
</div>

<div data-role="content" style="padding: 15px">

<div data-role="navbar">
<ul>
<li><a href="#page9" class="ui-btn-active ui-state-persist" id="AdSearchSlae">For Sale</a></li>
<li><a href="#page9" id="AdSearchRent">To Rent</a></li>
</ul>
</div><!-- /navbar -->


<div class='app-field-section'>
<p>Browse city</p>
</div>

<div data-role="fieldcontain" class='app-fieldcontain'>
<label for="selectmenu4">Borough</label>
<select name="selectmenu4" id="selectmenu4" style="alignment-adjust:central;font-size: 50px">
<option value="-1">Any</option>
<!--option value="option1">New York</option>
<option value="value">Boston</option>
<option value="value">Washington DC</option-->
</select>
</div>

<div data-role="fieldcontain" class='app-fieldcontain'>
<label for="selectmenu5">Neighbourhood</label>
<select name="selectmenu5" id="selectmenu5" style="font-size: 50px">
<option value="-1">Any</option>
<!--option value="value">Manhattan</option>
<option value="option1">Brooklyn</option>
<option value="value">Queens</option>
<option value="value">Bronx</option>
<option value="value">Staten Island</option-->
</select>
</div>
<!--div data-role="fieldcontain" class='app-fieldcontain'>
<label for="selectmenu6">Neighbourhood</label>
<select name="selectmenu6" id="selectmenu6">
<option value="option1">Any</option>
</select>
</div-->

<div class='app-field-section'>
<p>Filter By</p>
</div>

<div data-role="fieldcontain" class='app-fieldcontain'>
<label for="selectmenu1">Min Price</label>
<select name="selectmenu1" id="selectmenu1" style="font-size: 50px">
<option value="-1">No Min Price</option>
<option value="100000">$100,000</option>
<option value="200000">$200,000</option>
<option value="300000">$300,000</option>
<option value="400000">$400,000</option>
<option value="500000">$500,000</option>
<option value="750000">$750,000</option>
<option value="1000000">$1,000,000</option>
<option value="2000000">$2,000,000</option>
<option value="3000000">$3,000,000</option>
<option value="4000000">$4,000,000</option>
</select>
</div>

<div data-role="fieldcontain" class='app-fieldcontain'>
<label for="selectmenu6">Max Price</label>
<select name="selectmenu6" id="selectmenu6" style="font-size: 50px">
<option value="-1">No Max Price</option>
<option value="200000">$200,000</option>
<option value="300000">$300,000</option>
<option value="400000">$400,000</option>
<option value="500000">$500,000</option>
<option value="750000">$750,000</option>
<option value="1000000">$1,000,000</option>
<option value="2000000">$2,000,000</option>
<option value="3000000">$3,000,000</option>
<option value="4000000">$4,000,000</option>
<option value="5000000">$5,000,000</option>
</select>
</div>

<div data-role="fieldcontain" class='app-fieldcontain'>
<label for="selectmenu2">Bedrooms</label>
<select name="selectmenu2" id="selectmenu2" style="font-size: 50px">
<option value="-1">Any</option>
<option value="1">1+</option>
<option value="2">2+</option>
<option value="3">3+</option>
<option value="4">4+</option>
<option value="5">5+</option>
</select>
</div>

<div data-role="fieldcontain" class='app-fieldcontain'>
<label for="selectmenu3">Bathrooms</label>
<select name="selectmenu3" id="selectmenu3" style="font-size: 50px">
<option value="-1">Any</option>
<option value="1">1+</option>
<option value="2">2+</option>
<option value="3">3+</option>
<option value="4">4+</option>
<option value="5">5+</option>
</select>
</div>

<!--div data-role="collapsible-set" data-theme="" data-content-theme="">
</div-->

<div data-role="collapsible-set" data-theme="a" data-content-theme="" style="padding:5px; margin:5px; ">
	<div data-role="collapsible" data-collapsed="true" style=" padding:-5px; margin:-5px;">
		<h3>Advanced Options</h3>
		<!--a data-role="button" data-transition="fade" href="#page9">Property Types</a-->
		<div data-role="fieldcontain" class='app-fieldcontain' style="padding:5px 0">
			<label for="selectmenu7">Types</label>
			<select name="selectmenu7" id="selectmenu7" style="alignment-adjust:central;font-size: 50px">
				<option value="-1">Any</option>
			</select>
		</div>

        <!--a data-role="button" data-transition="fade" href="#page9">Sq.Ft.</a-->
        <div data-role="fieldcontain" class='app-fieldcontain' style="padding:5px 0;">
        <label for="selectmenu8">Sq.Ft.</label>
        <select name="selectmenu8" id="selectmenu8" style="alignment-adjust:central;font-size: 50px">
        <option value="-1">Any</option>
        </select>
        </div>
        
		<div data-role="fieldcontain" class="ui-field-contain ui-body ui-br">

			<fieldset data-type="horizontal">	
		    	<div class="ui-checkbox">
                	<input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom"><label for="checkbox-1" data-corners="true" data-shadow="false" data-iconshadow="true" data-wrapperels="span" data-theme="c" class="ui-btn ui-corner-right ui-controlgroup-last ui-checkbox-off ui-btn-up-c"><center>New</center></label>
                 </div>
			</fieldset>

<fieldset data-type="horizontal">	
		    	<div class="ui-checkbox"><input type="checkbox" name="checkbox-2" id="checkbox-2" class="custom"><label for="checkbox-2" data-corners="true" data-shadow="false" data-iconshadow="true" data-wrapperels="span" data-theme="c" class="ui-btn ui-corner-right ui-controlgroup-last ui-checkbox-off ui-btn-up-c"><center>Open House</center></label></div>
</fieldset>

<fieldset data-type="horizontal">	
		    	<div class="ui-checkbox"><input type="checkbox" name="checkbox-3" id="checkbox-3" class="custom"><label for="checkbox-3" data-corners="true" data-shadow="false" data-iconshadow="true" data-wrapperels="span" data-theme="c" class="ui-btn ui-corner-right ui-controlgroup-last ui-checkbox-off ui-btn-up-c"><center>No Fee</center></label></div>
</fieldset>

<fieldset data-type="horizontal">	
		    	<div class="ui-checkbox"><input type="checkbox" name="checkbox-4" id="checkbox-4" class="custom"><label for="checkbox-4" data-corners="true" data-shadow="false" data-iconshadow="true" data-wrapperels="span" data-theme="c" class="ui-btn ui-corner-right ui-controlgroup-last ui-checkbox-off ui-btn-up-c"><center>Price Reduction</center></label></div>
</fieldset>

<fieldset data-type="horizontal">	
		    	<div class="ui-checkbox"><input type="checkbox" name="checkbox-5" id="checkbox-5" class="custom"><label for="checkbox-5" data-corners="true" data-shadow="false" data-iconshadow="true" data-wrapperels="span" data-theme="c" class="ui-btn ui-corner-right ui-controlgroup-last ui-checkbox-off ui-btn-up-c"><center>Vaction Home</center></label></div>
</fieldset>

		</div>
	</div>
</div>
               
            </div>
            <div data-role="tabbar" data-theme="b" class="app-footer" data-iconpos="left">       
<center>
<div data-role="content"  data-theme="c" style="padding: 4px; margin:-1px"> <!--div data-role="controlgroup"-->
<ul><li>
<a data-role="button" data-transition="slide" data-theme="b" href="#page10" data-icon="search" class="ListAdvanceSearch" style="width:94%; border-radius:16px;"><span style="font-size:15px">Search</span></a>
</li></ul>
</div>
<div data-role="controlgroup" data-type="horizontal" style="width:95%">
<ul> 
<a href="#page7" data-theme="b" data-icon="" data-role="button" style="border:1px solid #000000">More</a>
<a href="http://affiliate-center.bankrate.com/Widgets/mortgage/affiliate-mortgage-rate.aspx?Partner=fcctest&Key=abc123&LoanAmount=165000&Width=100&Height=100&ZipCode=&Product=1" data-theme="b" data-icon="" data-role="button" style="border:1px solid #000000">Mortgage Calculator</a>
</ul>
</div></center>
</div><!-- .app-footer -->
        </div>



<!--********* VIEW AGENT SECTION *********-->
<div data-role="page" id="page11" class='app-view-agent'>
<div data-theme="a" data-role="header" data-position="fixed"><a data-role="button" data-transition="slide" href="#page6" class="ui-btn-left" id="BtAgentDetailBack">Back</a>
<h3>Contact me</h3>
<a href="#page6" class="ui-btn-right">Confirm</a>
</div>

<div data-role="content" style="padding: 15px" >
	<a data-role="button" data-direction="reverse" data-transition="slide" data-theme="a" href="#page13">View Broker</a>


	<div class="ui-grid-a" id="ViewAgentDetail">
		<!--div class="ui-block-a agent-image"><img src='images/agent.gif' /></div>
		<div class="ui-block-b agent-info">
			<div>
				<p class='agent-name'>Agent Name</p>
				<p>Licensed Real Estate saleperson</p>
			</div>
		</div-->
	</div>

	<a data-role="button" data-transition="slide" href="#page17">About Me</a>
	<a data-role="button" data-transition="slide" href="#page18">My Testimonials</a>
	<a data-role="button" data-transition="slide" href="#" id="BtMailToAgent">Email Me</a>
	<a data-role="button" data-transition="slide" href="#" class="BtAddMyContact">Add me to your Contacts</a>


</div>

<div data-role="tabbar" data-theme="b" class="app-footer">
<center>
<div data-role="controlgroup" data-type="horizontal" style="width:95%">
<ul> 
<a href="#page7" data-theme="b" data-icon="" data-role="button" style="border:1px solid #000000">More</a>
<a href="http://affiliate-center.bankrate.com/Widgets/mortgage/affiliate-mortgage-rate.aspx?Partner=fcctest&Key=abc123&LoanAmount=165000&Width=100&Height=100&ZipCode=&Product=1" data-theme="b" data-icon="" data-role="button" style="border:1px solid #000000">Mortgage Calculator</a>
</ul>
</div></center>
</div><!-- .app-footer -->
</div><!-- .page -->
<!-- END of VIEW AGENT SECTION -->

<!--********* VIEW AGENT About Me *********-->
<div data-role="page" id="page17" class='app-view-agent'>
<div data-theme="a" data-role="header" data-position="fixed">
<a data-role="button" data-transition="slide" href="#page11" class="ui-btn-left">Back</a>
<h3>About me</h3>
</div>

<div data-role="content" style="padding: 15px" >
	<div class="ui-grid-a" id="ViewAgentAboutMe">
    
    </div>
</div>

<div data-role="tabbar" data-theme="b" class="app-footer">
<center>
<div data-role="controlgroup" data-type="horizontal" style="width:95%">
<ul> 
<a href="#page7" data-theme="b" data-icon="" data-role="button" style="border:1px solid #000000">More</a>
<a href="http://affiliate-center.bankrate.com/Widgets/mortgage/affiliate-mortgage-rate.aspx?Partner=fcctest&Key=abc123&LoanAmount=165000&Width=100&Height=100&ZipCode=&Product=1" data-theme="b" data-icon="" data-role="button" style="border:1px solid #000000">Mortgage Calculator</a>
</ul>
</div></center>
</div><!-- .app-footer -->
</div><!-- .page -->
<!-- END of VIEW About Me -->

<!--********* VIEW AGENT My Testimonials *********-->
<div data-role="page" id="page18" class='app-view-agent'>
<div data-theme="a" data-role="header" data-position="fixed"><a data-role="button" data-transition="slide" href="#page11" class="ui-btn-left">Back</a>
<h3>My Testimonials</h3>
</div>

<div data-role="content" style="padding: 15px" >
	<div class="ui-grid-a" id="ViewAgentTestimonialse">
		<!--div class="ui-block-a agent-image"><img src='images/agent.gif' /></div>
		<div class="ui-block-b agent-info">
			<div>
				<p class='agent-name'>Agent Name</p>
				<p>Licensed Real Estate saleperson</p>
			</div>
		</div-->
	</div>
</div>

<div data-role="tabbar" data-theme="b" class="app-footer">
<center>
<div data-role="controlgroup" data-type="horizontal" style="width:95%">
<ul> 
<a href="#page7" data-theme="b" data-icon="" data-role="button" style="border:1px solid #000000">More</a>
<a href="http://affiliate-center.bankrate.com/Widgets/mortgage/affiliate-mortgage-rate.aspx?Partner=fcctest&Key=abc123&LoanAmount=165000&Width=100&Height=100&ZipCode=&Product=1" data-theme="b" data-icon="" data-role="button" style="border:1px solid #000000">Mortgage Calculator</a>
</ul>
</div></center>
</div><!-- .app-footer -->
</div><!-- .page -->
<!-- END of VIEW My Testimonials -->

<!--********* VIEW BROKER *********-->
<div data-role="page" id="page13" class='app-view-broker'>
<div data-theme="a" data-role="header" data-position="fixed">
<a data-role="button" data-transition="slide" href="#page6" class="ui-btn-left">Back</a>
<h3>Contact me</h3>
</div>
<div data-role="content" style="padding: 15px">
<a data-role="button" data-transition="slide" data-theme="a" href="#page11">View Agent</a>

<div class="ui-grid-a" id="ViewBrokerDetail">
	<!--div class="ui-block-a broker-image"><img src='images/broker.gif' /></div>
	<div class="ui-block-b broker-info">
		<div>
			<p class='broker-name'>Realty Name</p>
			<p>30W 23st, New York, NY</p>
		</div>
	</div-->
</div><!-- /grid-a -->

<a data-role="button" data-transition="slide" href="#page3" id="BtBrokerMap">View on Map</a>
<a href="#BrokerShareMenu" data-rel="popup" data-role="button" data-transition="slide">Share our details with</a>
<a data-role="button" data-transition="slide" href="#" id="BtMailToBroker">Email Me</a>
<a data-role="button" data-transition="slide" href="#" class="BtAddMyContact">Add us to your Contacts</a>
</div><!-- .content -->

<div data-role="tabbar" data-theme="b" class="app-footer">
<center>
<div data-role="controlgroup" data-type="horizontal" style="width:95%">
<ul> 
<a href="#page7" data-theme="b" data-icon="" data-role="button" style="border:1px solid #000000">More</a>
<a href="http://affiliate-center.bankrate.com/Widgets/mortgage/affiliate-mortgage-rate.aspx?Partner=fcctest&Key=abc123&LoanAmount=165000&Width=100&Height=100&ZipCode=&Product=1" data-theme="b" data-icon="" data-role="button" style="border:1px solid #000000">Mortgage Calculator</a>
</ul>
</div></center>
</div><!-- .app-footer -->
<!-- #BeginLibraryItem "/Library/footer.lbi" -->
	<div data-role="popup" id="BrokerShareMenu" data-overlay-theme="b" data-theme="a" class="ui-corner-all">
    	<a data-role="button" data-transition="slide" href="#" id="BtBrokerFB">Facebook</a>
    	<a data-role="button" data-transition="slide" href="#" id="BtBrokerTW">Twitter</a>
    	<a data-role="button" data-transition="slide" href="#" id="BtBrokerMS">SMS</a>
    	<a data-role="button" data-transition="slide" href="#page13" data-theme="a">Cancel</a>
	</div>
<!-- #EndLibraryItem -->
</div>
<!--********* SEARCH RESULTS *********-->
<div data-role="page" id="page10" class='search-results'>

	<div data-theme="a" data-role="header" data-position="fixed">
		<h2 id="ListTitle">Search Results</h2>
		<a data-role="button" data-transition="slide" href="#page6" class="ui-btn-left" id="BtBackFromList">Back</a>
        <a data-role="button" class="ui-btn-right" id="BtFavoritesEdit">Edit</a>
	</div>

	<div data-role="content" style="padding: 0px">
		<div data-role="navbar">
			<ul>
				<li><a href="#page10" data-theme="" class="BtListResults ui-btn-active ui-state-persist"><font size="3">List Results</font></a></li>
				<li><a href="#page12" data-theme="" class="BtMapResults"><font size="3">Map Results</font></a></li>
			</ul>
		</div>
 

		<div id="ListResult">
<!--div class="ui-grid-a">
<div class="ui-block-a property-image"><img src='images/beautiful-property.jpg' /></div>
<div class="ui-block-b property-description">
<div>
<p>120 W Lexington Ave</p>
<p>New York, NY,10040</p>
<p>2 Bedrooms, 3 Bathrooms</p>
<p>2,500</p>
</div>
</div>
</div-->

<a class="ViewDetailBlock" href="#page14" style="text-decoration: none; color: #000000;">
	<div class="ui-grid-a ">
		<div class="ui-block-a property-image" style="position: relative;">
			<div class="property-image-canvas" style="position: absolute;">
				<img src="images/sample-property.jpg" class="ListImage"/>
			</div>
			<div class="property-image-text" style="position: absolute; right:4.9%; bottom:-1px;">
            	<font size="2" style="background-color:#00ff00;">$0</font>
            </div>
		</div>
		<div class="ui-block-b property-description">
			<div>
               	<p>120 W Lexington Ave</p>
				<p>New York, NY,10040</p>
				<p>2 Bedrooms, 3 Bathrooms</p>
				<p>2,500</p>
			</div>
		</div>
	</div>
</a>
<!-- /grid-a -->
		</div>

		<div>
			<p></p>
		</div>
		<div class="ui-grid-a">
			<div class="ui-block-a">
            	<a data-role="button" data-transition="slide" href="#page10" class="PreNext" id="P10PreBtn">Pre</a>
			</div>
			<div class="ui-block-b">
            	<a data-role="button" data-transition="slide" href="#page10" class="PreNext" id="P10NextBtn">Next</a>
            </div>
		</div><!-- /grid-a -->
	</div>

<div data-role="tabbar" data-theme="b" class="app-footer">
<center>
<div data-role="controlgroup" data-type="horizontal" style="width:95%">
<ul> 
<a href="#page7" data-theme="b" data-icon="" data-role="button" style="border:1px solid #000000">More</a>
<a href="http://affiliate-center.bankrate.com/Widgets/mortgage/affiliate-mortgage-rate.aspx?Partner=fcctest&Key=abc123&LoanAmount=165000&Width=100&Height=100&ZipCode=&Product=1" data-theme="b" data-icon="" data-role="button" style="border:1px solid #000000">Mortgage Calculator</a>
</ul>
</div></center>
</div><!-- .app-footer -->
</div>


<!-- MORE OPTIONS -->
        <div data-role="page" id="page7">
            <div data-role="content" style="padding: 15px">
                <h2>More options</h2>            
                <a data-role="button" data-transition="slide" href="#MoreShareMenu" data-rel="popup">Share</a>
                <a data-role="button" data-transition="slide" href="#page19" id="BtPowerBy">Powered By</a>
                <a href="#popupDialog" data-rel="popup" data-position-to="window" data-role="button" data-transition="pop">Change Agent</a>
                <a data-role="button" data-transition="slide" data-theme="a" href="#page6" data-icon="back" data-iconpos="left">Cancel</a>
            </div>
            
<!-- Change Agent Dialog -->
			<div data-role="popup" id="popupDialog" data-overlay-theme="a" data-theme="c" style="max-width:400px;" class="ui-corner-all" id="ccccc">
				<div id="bbb" data-role="header" data-theme="a" class="ui-corner-top">
					<h1>Change Agent</h1>
				</div>
				<div data-role="content" data-theme="d" class="ui-corner-bottom ui-content" id="aaa">
					<p>Are you sure to change your agent</p>
					<center>
                		<a href="#" data-role="button" data-inline="true" data-rel="back" data-theme="c">NO</a>    
						<a href="#page4" data-role="button" data-inline="true" data-transition="slide" class="ListSearchAgent" id="Page7ToPage4" data-theme="b">YES</a>
               	 	</center>
				</div>
    		</div>
            <!--div data-role="tabbar" data-theme="a" class="app-footer">
                <ul>
                    <li><a href="#page7" data-theme="" data-icon="">More</a></li>
                    <li><a href="#" data-theme="" data-icon="">Insurance</a></li>
                    <li><a href="#" data-theme="" data-icon="">Mortgage</a></li>
                </ul>
            </div-->
<!-- #BeginLibraryItem "/Library/footer.lbi" -->
	<div data-role="popup" id="MoreShareMenu" data-overlay-theme="b" data-theme="a" class="ui-corner-all">
    	<a data-role="button" data-transition="slide" href="#" id="BtMoreFB">Facebook</a>
    	<a data-role="button" data-transition="slide" href="#" id="BtMoreTW">Twitter</a>
		<a data-role="button" data-transition="slide" href="#" id="BtMoreMS">SMS</a>
    	<a data-role="button" data-transition="slide" href="#page7" data-theme="a">Cancel</a>
	</div>
<!-- #EndLibraryItem -->
        </div>
        
<!-- POWER BY -->
<div data-role="page" id="page8">
	<div data-theme="a" data-role="header" data-position="fixed">
		<a data-role="button" data-transition="slide" href="#page6" class="ui-btn-left">Back</a>
		<h3>Power By</h3>
	</div>
	<div data-role="content" style="padding: 0px;" id="MyBrowser">
	</div><!-- /content -->

<div data-role="tabbar" data-theme="b" class="app-footer">
<center>
<div data-role="controlgroup" data-type="horizontal" style="width:95%">
<ul> 
<a href="#page7" data-theme="b" data-icon="" data-role="button" style="border:1px solid #000000">More</a>
<a href="http://affiliate-center.bankrate.com/Widgets/mortgage/affiliate-mortgage-rate.aspx?Partner=fcctest&Key=abc123&LoanAmount=165000&Width=100&Height=100&ZipCode=&Product=1" data-theme="b" data-icon="" data-role="button" style="border:1px solid #000000">Mortgage Calculator</a>
</ul>
</div></center>
</div><!-- .app-footer -->
</div>


<!-- PROPERTY DETAILS -->
<div data-role="page" id="page14" class='property-details'>
	<div data-theme="a" data-role="header" data-position="fixed">
		<a data-role="button" data-transition="slide" href="#page10" class="ui-btn-left">Search</a>
		<a data-role="button" data-transition="slide" href="#page2" class="ui-btn-right" id="BtPropertyMap">Map</a>
		<h3>Property details</h3>
	</div>
    
	<div data-role="content" style="padding: 4px">
		<div id="PropertiesDetail">
            <div class="iosSlider">
                <!-- slider -->
                <div class="slider" style="width:auto; height:auto; overflow:hidden">
                    <img class="item" src="http://23.21.84.9/images/sample-property.jpg" style="height: auto" id="PropertyImg'.$nImgIdx.'"/>
                    <img class="item" src="http://23.21.84.9/images/sample-property.jpg" style="height: auto" id="PropertyImg'.$nImgIdx.'"/>
                </div>
            </div>
		</div>
		<div class="ui-grid-a">
			<div class="ui-block-a">
            	<a data-role="button" data-transition="slide" data-mini='true' href="#" id="BtMailFriend">Email a Friend</a>
            </div>
			<div class="ui-block-b">
            	<a data-role="button" data-transition="slide" data-mini='true' href="#page16" id="BtAddMyNote" >Add a Note</a>
            </div>
		</div><!-- /grid-a -->

		<div class="ui-grid-a">
			<div class="ui-block-a">
            	<a data-role="button" data-transition="slide" data-mini='true' href="#" id="BtAddMyFavorites">To Favorites</a>
            </div>
			<div class="ui-block-b">
            	<a data-role="button" data-transition="slide" data-mini='true' href="#" id="BtTakeMeThere">Take me There</a>
            </div>
		</div><!-- /grid-a -->

		<div class="ui-grid-a">
			<div class="ui-block-a">
            	<a data-role="button" data-transition="slide" data-mini='true' href="#PropertyShareMenu" id="BtShareProperty" data-rel="popup">Share</a>
            </div>
			<div class="ui-block-b">
            	<a data-role="button" data-transition="slide" data-mini='true' href="#" class="BtAddMyContact">Add Contact</a>
            </div>
		</div><!-- /grid-a -->
	</div><!-- /content -->
    
	<div data-role="tabbar" data-iconpos="left" data-theme="b" class="app-footer">
		<div data-role="content"  data-theme="c" style="padding: 4px; margin:-1px">
        	<div class="ui-grid-a">
				<div class="ui-block-a">
            		<a data-role="button" data-transition="slide" data-mini='true' href="#" id="BtCallAgent"  style="width:95%; border-radius:16px; margin:0 5px 3px 5px;">
                		Call Agent	
                	</a>
            	</div>
				<div class="ui-block-b">
            		<a data-role="button" data-transition="slide" data-mini='true' href="#" id="BtMailAgent" style="width:94%; border-radius:16px; margin:0 5px 3px 5px;">
                		Email Agent
                	</a>
            	</div>
			</div>
		</div>
		<center>
			<div data-role="controlgroup" data-type="horizontal" style="width:95%">
				<ul> 
					<a href="#page7" data-theme="b" data-icon="" data-role="button" style="border:1px solid #000000">More</a>
					<a href="http://affiliate-center.bankrate.com/Widgets/mortgage/affiliate-mortgage-rate.aspx?Partner=fcctest&Key=abc123&LoanAmount=165000&Width=100&Height=100&ZipCode=&Product=1" data-theme="b" data-icon="" data-role="button" style="border:1px solid #000000">Mortgage Calculator</a>
				</ul>
			</div>
    	</center>
	</div><!-- /footer -->

<!-- #BeginLibraryItem "/Library/footer.lbi" -->
	<div data-role="popup" id="PropertyShareMenu" data-overlay-theme="b" data-theme="a" class="ui-corner-all">
    	<a data-role="button" data-transition="slide" href="#" id="BtDetailFB">Facebook</a>
    	<a data-role="button" data-transition="slide" href="#" id="BtDetailTW">Twitter</a>
    	<a data-role="button" data-transition="slide" href="#" id="BtDetailMS">SMS</a>
		<a data-role="button" data-transition="slide" href="#page14" data-theme="a">Cancel</a>	
	</div>
<!-- #EndLibraryItem -->
</div>

<!-- MAP Property Unit -->
<div data-role="page" id="page2">
	<div data-theme="a" data-role="header" data-position="fixed">
<a data-role="button" data-transition="slide" href="#page14" class="ui-btn-left">Details</a>
<h3>Property Map</h3>
	</div>

	<div data-role="content" style="padding: 0px;">
        <div style="top:0px; height: 420px; width:320px; position:relative">
			<div class='map' id='PropertyMap' style="margin:0; padding:0; height: 410px; width:320px; position:absolute">
				<!--img src="https://maps.googleapis.com/maps/api/staticmap?center=Manhattan&amp;zoom=14&amp;size=288x325&amp;markers=Madison, WI&amp;sensor=false"/-->
			</div><!-- .map -->
        	<div style="position:absolute; bottom:10%; left:10px">
            	<a data-role="button" id="BtPSate">Satellite</a>
            </div>
        	<div style="position:absolute; bottom:10%; right:10px">
            	<a data-role="button" id="BtPShow">Show Me</a>
            </div>
		</div><!-- .map -->
            

	</div><!-- /content -->

<div data-role="tabbar" data-theme="b" class="app-footer">
<center>
<div data-role="controlgroup" data-type="horizontal" style="width:95%">
<ul> 
<a href="#page7" data-theme="b" data-icon="" data-role="button" style="border:1px solid #000000">More</a>
<a href="http://affiliate-center.bankrate.com/Widgets/mortgage/affiliate-mortgage-rate.aspx?Partner=fcctest&Key=abc123&LoanAmount=165000&Width=100&Height=100&ZipCode=&Product=1" data-theme="b" data-icon="" data-role="button" style="border:1px solid #000000">Mortgage Calculator</a>
</ul>
</div></center>
</div><!-- .app-footer -->
</div>

<!-- Broker -->
<div data-role="page" id="page3">
	<div data-theme="a" data-role="header" data-position="fixed">
<a data-role="button" data-transition="slide" href="#page13" class="ui-btn-left">Broker</a>
<h3>Broker Map</h3>
	</div>

	<div data-role="content" style="padding: 0px;">
		<div class='map' id='BrokerMap'>
<!--img src="https://maps.googleapis.com/maps/api/staticmap?center=Manhattan&amp;zoom=14&amp;size=288x400&amp;markers=Madison, WI&amp;sensor=false" /-->
		</div><!-- .map -->
	</div><!-- /content -->

<div data-role="tabbar" data-theme="b" class="app-footer">
<center>
<div data-role="controlgroup" data-type="horizontal" style="width:95%">
<ul> 
<a href="#page7" data-theme="b" data-icon="" data-role="button" style="border:1px solid #000000">More</a>
<a href="http://affiliate-center.bankrate.com/Widgets/mortgage/affiliate-mortgage-rate.aspx?Partner=fcctest&Key=abc123&LoanAmount=165000&Width=100&Height=100&ZipCode=&Product=1" data-theme="b" data-icon="" data-role="button" style="border:1px solid #000000">Mortgage Calculator</a>
</ul>
</div></center>
</div><!-- .app-footer -->
</div>

<!-- MAP RESULTS -->
<div data-role="page" id="page12">
	<div data-theme="a" data-role="header" data-position="fixed">
<a data-role="button" data-transition="slide" href="#page6" class="ui-btn-left">Back</a>
<h3>Search Results</h3>
	</div>

	<div data-role="content" style="padding: 0px;">
		<div data-role="navbar">
<ul>
<li><a href="#page10" data-theme="" class="BtListResults"><font size="3" >List Results</font></a></li>
<li><a href="#page12" data-theme="" class="BtMapResults ui-btn-active ui-state-persist"><font size="3">Map Results</font></a></li>
</ul>
		</div>
        
        <div style="top:0px; height: 360px; width:320px; position:relative">
			<div class='map' id='Map' style="margin:0; padding:0; height: 350px; width:320px; position:absolute">
				<!--img src="https://maps.googleapis.com/maps/api/staticmap?center=Manhattan&amp;zoom=14&amp;size=288x325&amp;markers=Madison, WI&amp;sensor=false"/-->
			</div><!-- .map -->
        	<div style="position:absolute; bottom:10%; left:10px">
            	<a data-role="button" id="BtMSate">Satellite</a>
            </div>
        	<div style="position:absolute; bottom:10%; right:10px">
            	<a data-role="button" id="BtMNext">Next 25</a>
            </div>
		</div><!-- .map -->
            
        
		<!--div class='map' id='Map'>
<!--img src="https://maps.googleapis.com/maps/api/staticmap?center=Manhattan&amp;zoom=14&amp;size=288x400&amp;markers=Madison, WI&amp;sensor=false" /-->
		<!--/div><!-- .map -->

	</div><!-- /content -->

<div data-role="tabbar" data-theme="b" class="app-footer">
<center>
<div data-role="controlgroup" data-type="horizontal" style="width:95%">
<ul> 
<a href="#page7" data-theme="b" data-icon="" data-role="button" style="border:1px solid #000000">More</a>
<a href="http://affiliate-center.bankrate.com/Widgets/mortgage/affiliate-mortgage-rate.aspx?Partner=fcctest&Key=abc123&LoanAmount=165000&Width=100&Height=100&ZipCode=&Product=1" data-theme="b" data-icon="" data-role="button" style="border:1px solid #000000">Mortgage Calculator</a>
</ul>
</div></center>
</div><!-- .app-footer -->
</div>

<!-- MAP RESULTS -->
<div data-role="page" id="page15">
	<div data-theme="a" data-role="header" data-position="fixed">
<a data-role="button" data-transition="slide" href="#page6" class="ui-btn-left">Back</a>
<h3>Search Results</h3>
	</div>

	<div data-role="content" style="padding: 0px;">
            
        <div style="top:0px; height: 300px; width:320px; position:relative">
			<div class='map' id='Radar' style="margin:0; padding:0; height: 300px; width:320px; position:absolute">
				<!--img src="https://maps.googleapis.com/maps/api/staticmap?center=Manhattan&amp;zoom=14&amp;size=288x325&amp;markers=Madison, WI&amp;sensor=false"/-->
			</div><!-- .map -->
        	<!--div style="position:absolute; bottom:10%; left:10px">
            	<a data-role="button" id="BtMSate">Satellite</a>
            </div>
        	<div style="position:absolute; bottom:10%; right:10px">
            	<a data-role="button" id="BtMNext">Next 25</a>
            </div-->
		</div><!-- .map -->
            
		<div data-role="fieldcontain" class="ui-hide-label">
			<label for="sliderRadar"></label>
			<input type="range" name="sliderRadar" id="sliderRadar" value="60" min="0" max="100" data-highlight="true"/>
		</div>

		<div id="slider-range-min"></div>
	</div><!-- /content -->

<div data-role="tabbar" data-theme="b" class="app-footer">
<center>
<div data-role="controlgroup" data-type="horizontal" style="width:95%">
<ul> 
<a href="#page7" data-theme="b" data-icon="" data-role="button" style="border:1px solid #000000">More</a>
<a href="http://affiliate-center.bankrate.com/Widgets/mortgage/affiliate-mortgage-rate.aspx?Partner=fcctest&Key=abc123&LoanAmount=165000&Width=100&Height=100&ZipCode=&Product=1" data-theme="b" data-icon="" data-role="button" style="border:1px solid #000000">Mortgage Calculator</a>
</ul>
</div></center>
</div><!-- .app-footer -->
</div>

<!-- Note -->
<div data-role="page" id="page16">
    <div data-theme="a" data-role="header" data-position="fixed">
        <div data-role="navbar" data-iconpos="top">
            <ul>
            	<li><a href="#page14" data-theme="" data-icon="">Back</a></li>
                <li><a href="#" data-theme="" data-icon="" id="BtSaveNote">Save</a></li>
                <li><a href="#" data-theme="" data-icon="" id="BtDeleteNote">Delete</a></li>
            </ul>
        </div>
    </div>
    <div data-role="content" style="padding: 15px">
        <div data-role="fieldcontain">
            <fieldset data-role="controlgroup">
                <label for="textarea1" id="GetNote">
                </label>
                <textarea name="PropertyNote" id="textarea1" placeholder="" style="background:url(./images/note.jpg)"></textarea>
            </fieldset>
        </div>
    </div>
</div>

<!-- Powered By -->
<div data-role="page" id="page19">
</div>

</div>
        <script>
 
        </script>
    </body>
</html>